{{define "Fara/categories.html"}}
<!DOCTYPE html>
<html>
<head>
    {{template "head/head" .}}
    {{template "head/3rdstatistic" .}}
</head>
<body>
<div class="body__overlay"></div>
<div class="body__content">
    {{template "Fara/header" .}}
    <div class="main" id="pjax">
        {{if .pjax}}{{noescape "<!---- pjax {#pjax} start ---->"}}{{end}}
        <div class="main__title">
            <span id="categoriesCount" class="main__count">0</span> <span class="ft-13">{{.I18n.Categories2}}</span>
        </div>
        <div class="article__meta article__meta--page article__meta--2">
            {{if eq (len .Categories) 0}}
            <div>
                {{.I18n.NoData}}
            </div>
            {{end}}
            {{range .Categories}}
            <div class="categories__item">
                <h2>
                    <a href="{{.URL}}">
                        {{.Title}}
                    </a>
                </h2>
                <div class="categories__desc">{{.Description}}</div>
                <div class="fn-clear">
                    {{range .Tags}}
                    <a href="{{.URL}}" class="tag">{{.Title}}</a>
                    {{end}}
                </div>
            </div>
            {{end}}
        </div>
        {{if .pjax}}{{noescape "<!---- pjax {#pjax} end ---->"}}{{end}}
    </div>
    {{template "Fara/footer" .}}
</div>
{{if .pjax}}{{noescape "<!---- pjax {#pjax} start ---->"}}{{end}}
<script>
  increase({{len .Categories}}, 1000, 'categoriesCount', 0)
</script>
{{if .pjax}}{{noescape "<!---- pjax {#pjax} end ---->"}}{{end}}
</body>
</html>
{{end}}